/* CSS Document */
.index_left{ width:286px; float:left}
.index_right{ width:682px; float:right}
.bulletin_box dl dt,.left_box dl dt,.left_box01 dl dt,.left_box02 dl dt,.left_box03 dl dt,.left_box04 dl dt,.left_box05 dl dt,.left_box06 dl dt,.good_box dl dt{background:url(../i/head/helpbg1.gif) repeat-x}
.bulletin_question,.scrolling_t,.scrolling_corner,.scrolling_img,.helpbutton li,.helpbutton .tel,.helpbutton .email,.div_new,.div_xibi,.div_xibi01,.bid_prompt{ background:url(../i/index4/index4bg.gif) repeat-x}
.tbpad6{ padding-top:6px; padding-bottom:6px;}
.recbidbutton,.recbidbuttondown,.recbuttonover,.recbidlogin a,.recbidlogin a:hover,.recbidphone a,.recbidphone a:hover,.recbidcharge a,.recbidcharge a:hover,.reccompletebutton,.bidbutton,.bidbuttondown,.bidlogin a,.bidlogin a:hover,.bidphone a,.bidphone a:hover,.bidcharge a,.bidcharge a:hover,.ccompletebutton,.recbidapply a,.recbidapply a:hover,.bidapply a,.bidapply a:hover,.bidbuttonover{ background:url(../i/index4/index4_button_a.gif) no-repeat}
/* 头部滚动竞拍成功信息样式*/

/* 左侧部分公用样式*/
.left_box{ width:286px; float:left; position:relative}
.left_box dl{ width:286px;}
.left_box dl dt{ width:276px; float:left; height:30px;background-position:0px -231px; line-height:32px; font-size:14px; padding-left:10px;}
.left_box dl dd{ width:266px; float:left; padding-left:10px; padding-right:10px; display:inline}
.publicmore{ width:30px; float:right; padding-right:10px; line-height:32px; text-align:right; font-size:12px;}
/* 商品展示左侧样式*/

.h296{ height:296px; overflow:hidden}
.h394{ height:394px; overflow:hidden}

.leftimg_txt{width:264px; float:left; border-bottom:1px dotted #D6D6D6; padding-top:9px; padding-bottom:10px;  }
.leftimg_txt table{border-collapse:collapse;border-spacing:0px; border:0px;float:left; margin-left:8px; display:inline; line-height:20px;  width:164px; }
.leftimg_txt td{ height:80px; padding:0px; margin:0px; vertical-align:middle;}
.leftimg_txt tr{ height:80px; padding:0px; margin:0px; }

.leftimg{width:90px; float:left; height:76px; margin-top:0px; position:relative}
.leftimg_txt .txt{border-collapse:collapse;border-spacing:0px; border:0px;float:left; margin-left:8px; display:inline; line-height:20px; height:77px; width:164px; }
.leftimg_txt .leftname{width:164px; float:left;text-overflow:ellipsis; overflow:hidden;}
.leftimg_txt .leftname40{width:164px; float:left;text-overflow:ellipsis; overflow:hidden; height:40px}
.leftimg_txt .leftprice{width:164px; float:left; }
.shai_img{ margin-bottom:-2px; margin-left:2px;}

/* 商品展示右侧样式*/
.rightimg_txt{width:660px; float:left; border-bottom:1px dashed #D6D6D6; padding-top:10px; height:88px;}
.rightimg{width:90px; float:left; height:76px; margin-top:0px;}
.rightimg_txt table{border-collapse:collapse;border-spacing:0px; border:0px;float:left; margin-left:8px; display:inline; line-height:20px; height:77px; width:260px; }
.rightimg_txt td{ height:80px; padding:0px; margin:0px; vertical-align:middle;}
.rightimg_txt tr{ height:80px; padding:0px; margin:0px; }
.rightimg_txt .leftname{width:260px; float:left;}
.rightimg_txt .leftprice{width:260px; float:left; }
.rightimg_txt .time{ line-height:80px; width:180px; float:left; text-align:center;font-size:26px;  font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-left:10px; display:inline; position:relative; margin-left:18px; display:inline }
.rightimg_txt .button { width:67px; float:right; margin-left:18px; display:inline}

/* 公告部分*/
.bulletin_box{ width:286px; float:left; position:relative; height:214px;}
.bulletin_box dl{ width:286px;}
.bulletin_box dl dt{ width:286px; float:left; height:33px;background-position:0px -149px;}
.bulletin_box dl dd{ width:286px!important; width:280px; float:left; padding:0px; margin:0px;}
.bulletin_box .w1{ width:80px; float:left;}
.bulletin_box .w2{ width:130px; float:left;}
.more{ width:30px; float:right; padding-right:10px; line-height:34px; text-align:right; font-size:12px;}

.bulletin{width:266px; float:left; padding:6px 8px 6px 10px!important;padding:6px 0px 6px 10px; display:inline } 
.bulletin li{width:268px; float:left; line-height:24px;word-wrap:break-word; }
.g_01{ float:left; width:230px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; height:24px;}
.g_02{ float:right;}
.tab_current{ height:33px; font-weight:bold; line-height:33px; text-align:center; background:#ffffff; font-size:14px; float:left; }
.tab_other{ height:33px;line-height:33px; text-align:center;font-size:14px; float:left;cursor:pointer;}

.bulletin_question{width:284px; float:left; height:46px;background-position:0px -201px; padding:10px 0px 6px 0px;}
.bulletin_question li{width:124px; float:left; background:url(../i/index4/index1_46.gif) no-repeat left; margin-left:10px; line-height:26px; padding-left:8px; display:inline}

/* 推荐商品*/
.recommend_good{ width:286px; float:left; position:relative; height:166px; }
.recommend_good01{ width:286px; }

/* 看看喜友在忙什么*/
.index_avatar{ border:1px solid #000000; float:left; margin-top:2px; margin-right:4px;}
.index_username{font-size:12px;  line-height:20px; }
.xiyou_do{width:266px; float:left; margin-left:0px; padding:0px; list-style:none}
.xiyou_do li{width:266px; float:left;text-overflow:ellipsis; overflow:hidden; height:20px; padding-top:3px; padding-bottom:3px;}
.bgYellow{background-color:#FFFF33}
/* 喜友晒单*/
.step{ width:682px; height:41px; float:left; background:url(../i/index4/stepbg.gif) no-repeat}
.step .a{ width:145px; height:41px; float:left; text-align:right; line-height:41px; color:#ffffff; font-size:14px; font-weight:bold; padding-right:2px; }
.step .b{ width:111px; height:41px; float:left; text-align:right; line-height:41px;margin-left:2px; }
.step .c{ width:134px; height:41px; float:left; text-align:right; line-height:41px; }
.step .d{ width:139px; height:41px; float:left; text-align:right; line-height:41px;}
.step .e{ width:140px; height:41px; float:left; text-align:right; line-height:41px;}
/* 最近成交*/
.left_box01{ width:286px; float:left; position:relative}
.left_box01 dl{ width:286px;}
.left_box01 dl dt{ width:276px; float:left; height:30px;background-position:0px -191px; line-height:32px; font-size:14px; padding-left:10px;}
.left_box01 dl dd{ width:266px; float:left; padding-left:10px; padding-right:10px; display:inline; background-color:#FFFAF4}

/* 竞拍步骤*/
/* 必得喜推荐*/

.left_box02{ width:680px; float:left; position:relative}
.left_box02 dl{ width:680px;}
.left_box02 dl dt{ width:670px; float:left; height:30px;background-position:0px -191px; line-height:32px; font-size:14px; padding-left:10px;}
.left_box02 dl dd{ width:680px; float:left;  display:inline; background-color:#FFFAF4;}
.left_box02 dl dd .hotbg{ width:660px; float:left; margin:0px 10px; background:url(../i/index4/hotbg.gif) repeat-x; padding-bottom:8px;display:inline}
.hotdivleft{ width:660px; float:left;}
.hotdivright{ width:204px; float:left;  }
.ret01{ margin-right:10px;border-right:1px solid #FDE0B0; padding-left:12px; padding-right:23px; display:inline}
.ret02{ padding-left:12px;  display:inline}
.recommend{ width:180px; float:left; margin-bottom:10px; margin-top:10px;  }
.recommend .img{ width:150px; float:left; position:relative; height:126px; margin-left:15px; display:inline}
.recommend .name{ width:180px; line-height:30px; float:left; height:30px; text-overflow:ellipsis; overflow:hidden; text-align:center}
.recommend .countdown{ font-size:26px;  font-family:Arial, Helvetica, sans-serif; font-weight:bold; float:left;width:180px; text-align:center; line-height:40px; margin-top:4px;position:relative}
.recommend .price{ width:140px; line-height:22px; float:left; padding-left:40px; }
.recommend .button{ width:100px; float:left; margin:4px 40px 0px 40px; display:inline;}

/* 推荐部分出价按钮 */
.recbidbutton{ width:100px; height:30px;background-position:-119px -41px; border:0px; cursor:pointer}
/* 出价按钮鼠标悬停效果 */
.recbuttonover{ width:100px; height:30px; border:0px; cursor:pointer;background-position:-242px -6px;  cursor:pointer}
/* 推荐出价按钮按下状态 */
.recbidbuttondown{width:100px; height:30px; float:left;background-position:-5px -144px; border:0px; cursor:pointer}
/* 推荐出价按钮用户未登录状态 */
.recbidlogin{ width:100px; height:30px;  float:left; display:inline}
.recbidlogin a{width:100px; height:30px; float:left;background-position:-119px -41px; }
.recbidlogin a:hover{width:100px; height:30px; background-position:-5px -76px; float:left }
/* 推荐出价按钮用户手机未通过验证状态 */
.recbidphone{ width:100px; height:30px;  float:left; display:inline}
.recbidphone a{width:100px; height:30px; float:left;background-position:-119px -41px; }
.recbidphone a:hover{width:100px; height:30px; background-position:-242px -41px; float:left }
/* 推荐按钮充值状态 */
.recbidcharge{ width:100px; height:30px; float:left; display:inline}
.recbidcharge a{ width:100px; height:30px;float:left;background-position:-119px -41px; }
.recbidcharge a:hover{width:100px; height:30px;background-position:-5px -41px; float:left }
/* 推荐按钮报名状态 */
.recbidapply{ width:100px; height:30px; float:left; display:inline}
.recbidapply a{ width:100px; height:30px;float:left;background-position:-119px -41px; }
.recbidapply a:hover{width:100px; height:30px;background-position:-119px -76px; float:left }
/* 推荐部分成交按钮 */
.reccompletebutton{ width:100px; height:30px;background-position:-4px -3px; border:0px; cursor:pointer}

/* 滚动广告代码*/
div#MainPromotionBanner{width:980px;height:190px;background:#feb900;}
#MainPromotionBanner #SlidePlayer {position:relative;margin: 0 auto;}
#MainPromotionBanner .Slides{padding: 0;margin: 0;list-style: none;height: 190px;overflow: hidden;}
#MainPromotionBanner .Slides li {float: left;width:980px;height: 190px;}

/* 滚动文字样式*/
.scrolling_t,.scrolling_corner,.scrolling_img{ background:url(../i/index4/index4bg.gif) repeat-x}
.scrolling_text{ width:976px; height:36px; float:left; padding-left:1px; padding-right:1px; }
.scrolling_t{ width:976px; height:36px; float:left;background-position:0px -73px; position:relative; border-left:1px solid #D6D6D6;border-right:1px solid #D6D6D6;border-bottom:1px solid #D6D6D6 }
.scrolling_corner{ width:7px;height:7px;position:absolute;}
.scrolling_bottomleft{ background-position:-64px -130px; left:-1px; bottom:-1px;overflow:hidden;}
.scrolling_bottomright {background-position:-76px -130px;right:-1px;bottom:-1px;overflow:hidden;}
.scrolling_img{ width:20px;height:20px; float:left; background-position:-21px -122px; margin-left:10px; display:inline; margin-top:8px; }
.scrolling_txt{ width:924px; float:left; margin-left:0px; display:inline; line-height:36px; font-size:12px; }

/* 正在竞拍*/
.left_box03{ width:680px; float:right; position:relative}
.left_box03 dl{ width:680px;}
.left_box03 dl dt{ width:670px; float:left; height:30px;background-position:0px -231px; line-height:31px; font-size:14px; padding-left:10px;}
.left_box03 dl dd{ width:660px; float:left;padding-left:10px; padding-right:10px; display:inline; padding-bottom:9px;}
.buttonpad{ padding-top:30px;}
/* 正在竞拍部分出价按钮 */
.bidbutton{ width:67px; height:22px;background-position:-84px -111px; border:0px; cursor:pointer}
/* 正在竞拍部分出价按钮悬停状态 */
.bidbuttonover{ width:67px; height:22px;background-position:-115px -145px; border:0px; cursor:pointer}
/* 正在竞拍出价按钮按下状态 */
.bidbuttondown{width:67px; height:22px; float:left;background-position:-305px -111px; border:0px; cursor:pointer}
/* 正在竞拍出价按钮用户未登录状态 */
.bidlogin{ width:67px; height:22px;  float:left; display:inline}
.bidlogin a{width:67px; height:22px; float:left;background-position:-84px -111px;}
.bidlogin a:hover{width:67px; height:22px; background-position:-156px -111px; float:left }
/* 正在竞拍出价按钮用户手机未通过验证状态 */
.bidphone{ width:67px; height:22px;  float:left; display:inline}
.bidphone a{width:67px; height:22px;float:left;background-position:-84px -111px;}
.bidphone a:hover{width:67px; height:22px;background-position:-231px -78px; float:left }
/* 正在竞拍按钮充值状态 */
.bidcharge{ wwidth:67px; height:22px; float:left; display:inline}
.bidcharge a{ width:67px; height:22px;float:left;background-position:-84px -111px;}
.bidcharge a:hover{width:67px; height:22px;background-position:-231px -111px; float:left }
/* 正在竞拍按钮报名状态 */
.bidapply{ wwidth:67px; height:22px; float:left; display:inline}
.bidapply a{ width:67px; height:22px;float:left;background-position:-84px -111px;}
.bidapply a:hover{width:67px; height:22px;background-position:-305px -78px; float:left }
/* 正在竞拍部分成交按钮 */
.ccompletebutton{ width:67px; height:22px;background-position:-6px -111px; border:0px; cursor:pointer}

/* 帮助中心*/
.left_box04{ width:286px; float:right; position:relative;}
.left_box04 dl{ width:286px;}
.left_box04 dl dt{ width:276px; float:left; height:30px;background-position:0px -231px; line-height:31px; font-size:14px; padding-left:10px;}
.left_box04 dl dd{ width:266px; float:left; padding:8px 10px 10px 10px; display:inline; }
.left_box04 dl dd .txtz{ width:266px; float:left; line-height:24px; }
.helpbutton{ width:266px; float:left;  }
.helpbutton .tel{ width:26px; float:left; height:17px;  background-position:-105px -124px;}
.helpbutton .email{ width:21px; float:left; height:13px;  background-position:-140px -128px; margin-left:2px;}
.helpbutton .emailtxt{float:left; height:17px; line-height:18px; margin-left:8px; display:inline  }
.helpbutton .teltxt{float:left; height:17px; line-height:24px; margin-left:8px; display:inline  }
.helpbutton li{ width:61px; float:left; height:28px; background-position:-4px -155px; padding-left:20px; line-height:28px;}
.helpbutton .t{ margin-left:10px; display:inline}
.helpbutton .t1{ margin-top:10px;}
.helpbutton .t2{ margin-top:14px;}

/* 聊天室*/
.left_box05{ width:384px; float:left; position:relative}
.left_box05 dl{ width:384px;}
.left_box05 dl dt{ width:374px; float:left; height:30px;background-position:0px -231px; line-height:32px; font-size:14px; padding-left:10px;}
.left_box05 dl dd{ width:384px; float:left; display:inline; }


/* 合作伙伴*/
.left_box06{ width:978px; float:left; position:relative}
.left_box06 dl{ width:978px;}
.left_box06 dl dt{ width:968px; float:left; height:30px;background-position:0px -231px; line-height:30px; font-size:14px; padding-left:10px;}
.left_box06 dl dd{ width:978px; float:left;}
.imglink{ width:978px; float:left; margin-top:10px; }
.imglink li{ width:107px; float:left; margin-left:10px; display:inline; margin-right:4px; padding-bottom:6px; }
.imgtxt{ width:976px; margin-left:2px; padding-bottom:8px; float:left}
.imgtxt ul{ list-style:none}
.imgtxt li{ width:72px; text-align:center; float:left; line-height:20px;}

.div_new{ width:44px; height:44px;background-position:-5px -9px; float:left; position: absolute; z-index:6; left:-1px; top:-1px  }
.div_xibi{ width:35px; height:35px;background-position:-91px -9px; float:left; position: absolute; z-index:6; right:-1px; bottom:-1px }
.div_xibi01{ width:31px; height:31px;background-position:-152px -9px; float:left; position: absolute; z-index:6; right:-1px; bottom:-1px }

.bid_prompt{color:#ffffff; text-align:center; line-height:18px; position: absolute; z-index:6;top:100px;left:600px; width:76px;background-position:-5px -282px; color:#ff0000; border-bottom:1px solid #485649; padding-top:8px; padding-left:4px; padding-right:4px;}

.topzk{ width:44px; height:19px; background:url(../i/index4/topzk.gif) no-repeat; cursor:pointer; border:0px}
.toShow{position:absolute; right:0px; top:-15px;}

/* 滚动广告图片*/
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{ margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}
#container{	margin:0 auto;position:relative;text-align:left;width:980px;	}	
#content{position:relative;}
#content01{position:relative; width:286px;}				
#slider ul, #slider li,#slider2 ul, #slider2 li{margin:0;padding:0;list-style:none;}
#slider2{overflow:hidden;width:286px;height:166px;position:relative}
#slider li{ width:980px;height:170px;overflow:hidden; }	
#slider2 li{ width:286px;height:166px;overflow:hidden;float:left;}	
#prevBtn, #nextBtn,#slider1next, #slider1prev{ display:block;width:18px;height:77px;position:absolute;left:-30px;top:71px;z-index:1000;}	
#nextBtn, #slider1next{ left:696px;}														
#prevBtn a, #nextBtn a,#slider1next a, #slider1prev a{  display:block;position:relative;width:24px;height:77px;background:url(../i/btn_prev.gif) no-repeat 0 0;	}	
#nextBtn a, #slider1next a{ background:url(../i/btn_next.gif) no-repeat 0 0;}	

/*
	广告切换代码
*/
#nav li.on{background:#C10101;cursor:pointer;color:#fff;}
#nav li{border:1px solid #C10101;cursor:pointer;color:#C10101; background:#fff;font-size:12px; height:15px;width:15px;float:left;margin-left:4px;display:inline;text-align:center}

#nav2 li.on{background:#444;cursor:pointer;color:#fff;}
#nav2 li{border:1px solid #666;cursor:pointer;color:#fff; background:#797979;font-size:12px; height:15px;width:15px;float:left;margin-left:4px;display:inline;text-align:center}


ol#controls{position:absolute; right:5px; bottom:5px;padding:0px; margin:0px;}
ol#controls li{float: left;color: #C10101;text-align: center; padding:0px; margin:0px;}
ol#controls li a{float: left;color: #C10101;text-align: center;line-height: 16px;width: 16px;height: 16px;font-family: Arial;font-size: 12px;cursor: pointer;overflow: hidden;margin: 3px 1px;border: 1px solid #C10101;background-color: #FEF5F5;}
ol#controls li.current a{color: #fff;line-height: 21px;width: 21px;height: 21px;font-size: 16px;margin: 0 1px;border: 0;background-color: #C10101;font-weight: bold; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

ol#ptcontrols{position:absolute; right:5px; bottom:5px;padding:0px; margin:0px;}
ol#ptcontrols li{float: left;color: #ffffff;text-align: center; padding:0px; margin:0px;font-weight: bold;}
ol#ptcontrols li a{float: left;color: #ffffff;text-align: center;line-height: 15px;width: 15px;height: 15px;font-family: Arial;font-size: 12px;cursor: pointer;overflow: hidden;margin: 2px 1px;border: 1px solid #989898;background-color: #797979;font-weight: bold;}
ol#ptcontrols li.current a{float: left;color: #ffffff;text-align: center;line-height: 17px;width: 17px;height: 17px;font-family: Arial;font-size: 14px;cursor: pointer;overflow: hidden;margin: 0px 1px;border: 1px solid #666666;background-color: #444444;font-weight: bold;}
ol#ptcontrols li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/*刷新弹出层*/
.refresh{background:url(../i/bid/jingcaibg_a.gif) repeat-x;width:296px; float: left; text-align:center; padding-top:10px; height:27px; margin-left:22px; display:inline;background-position:0px -745px; margin-top:6px;}
.refreshtxt{ width:180px; float: left;padding-top:6px; margin-left:68px; display:inline; color:#999999; line-height:20px;}
.refresh_button{ width:196px; float: left; text-align:center; margin-left:70px; display:inline; margin-top:16px; padding-bottom:6px}


/* 左侧部分推荐商品轮换样式*/
.good_box{ width:286px; float:left; position:relative}
.good_box ul{ width:286px; float:left; display:inline}
.good_box ul li{ width:286px; float:left; display:inline; margin:0px; padding:0px;}


/*超过5分钟无任何操作提醒*/
.call_imgbg{ background:url(../i/bid/jingcaibg_a.gif) no-repeat}
.call_time{ width:200px; float:left; padding:14px 0 0 16px; display:inline; line-height:24px;  }
.call_imgbg{ width:53px; height:54px; float:left;display:inline; background-position:-267px -426px; margin:10px 0 0 46px;}
.call_time_button{ width:92px; float:left; margin-left:16px; display:inline; padding-bottom:10px!important; padding-bottom:8px}
.call_time_button01{ width:192px; float:left; margin-left:74px; display:inline; margin-top:10px; padding-bottom:0px!important; padding-bottom:8px}

/*聊天室*/
#divChatList{overflow:scroll;overflow-x:hidden;width:384px;height:240px; background:#ffffff; position:relative}
.chatitem{margin:2px 8px 4px 8px;padding:2px;word-wrap:break-word;border-bottom:1px dotted #D6D6D6; float:left; display:inline}
.chatitem .avatar{ border:1px solid #000000; float:left; margin-top:2px;}
.chatitem .u{width:350px; float:left; padding-top:6px; padding-bottom:6px;}
.chatitem .username{font-size:12px;  margin-left:4px; line-height:20px; }
.txtContent{ border:1px solid #AFAFAF; padding:2px 0px 2px 5px; margin-top:3px; float:left;width:220px; }
.chatitem .content{margin:0px; line-height:20px; width:350px; float:left}
.chatitem .addtime{text-align:right;color:#A7A7A7; font-family:Arial, Helvetica, sans-serif;margin:0px; line-height:20px; width:350px; float:right;}
/*聊天系统公告*/
.chatitemsys{background:#FFFFE1;color:#3E3E3E; border:1px solid #F9B967; padding:4px;}
.systxt{ background:url(../i/layer/newdivbg_a.gif) no-repeat}
.systxt{ width:324px; float:left;background-position:-5px -171px; padding-left:17px; line-height:18px;}



.sysname{font-size:12px; line-height:20px;  }
.sysaddtime{text-align:right;color:#A7A7A7; padding-right:2px;font-family:Arial, Helvetica, sans-serif; float:left; font-size:12px; color:#999999; width:320px;}

.red{color:red;}
.green{color:green;}
.blue, .blue:visited, .blue a { color:#3366CC; text-decoration:none }
.heighlight{/*background:#FC6;*/background:#F4F6D1;}
.chatbutton{ background:url(/resources/images/index/index_bg.gif);}
.chatbutton{width:49px; float:left; background-position:-152px -77px; border:0px; cursor:pointer; color:#FFFFFF; text-align:center; height:24px; margin-top:6px;}
.chatt1{ margin-top:10px;}
.chatt2{ margin-left:10px; display:inline}
.chatavatar{ border:1px solid #000000; float:left; margin-top:2px;}

/*聊天室表情*/
.emo_corner,.emotions dl dt,.emo_bg,.chatitem_emo_self .emoshape,.chatitem_emo_other .emoshape,.emotionsbutton,.emotionsbutton_over{ background: url(../i/bid/emotionsbg.gif)}
.emo_bg{ width:54px; float:left; margin-left:10px; display:inline; height:17px;background-position:-4px -42px; padding-top:9px; text-align:center }

.emo_corner{width:4px;height:4px;position:absolute;}
.emo_topleft{ background-position:-62px -42px; left:-1px; top:-1px;overflow:hidden;}
.emo_topright {background-position:-69px -42px;right:-1px;top:-1px;overflow:hidden;}
.emo_bottomleft{ background-position:-62px -49px; left:-1px; bottom:-1px;overflow:hidden;}
.emo_bottomright {background-position:-69px -49px;right:-1px;bottom:-1px;overflow:hidden;}

.chatitem_emo_self{ width:347px; float:left; border:1px solid #BCE3FE; padding-bottom:1px; position:relative; margin-top:4px; margin-bottom:4px;padding-left:1px; display:inline }
.chatitem_emo_self .emotxt{ width:346px; background:#D9EFFF; padding-bottom:4px;overflow:hidden} 
.chatitem_emo_self .emoshape{ width:13px; height:6px; float:left; background-position:-169px -42px; position:absolute; top:-6px; left:32px; display:inline} 

.chatitem_emo_other{ width:347px; float:left; border:1px solid #FFD76F; padding-bottom:1px; position:relative; margin-top:4px; margin-bottom:4px; padding-left:1px; display:inline}
.chatitem_emo_other .emotxt{ width:346px;  background:#FFEEC2;  padding-bottom:4px;overflow:hidden} 
.chatitem_emo_other .emoshape{ width:13px; height:6px; float:left; background-position:-150px -42px; position:absolute; top:-6px; left:32px; display:inline;line-height:1px;overflow:hidden}
  
.emoimg{  float:left; padding:6px 0px 2px 2px; width:34px; text-align:center;margin-left:8px; display:inline}
.emosentence{ width:238px; float:left; color:#3E3E3E; padding-top:10px; display:inline; padding-left:2px; }
.emotime{ width:236px; float:right; text-align:right; padding-right:6px;font-style:italic;font-family:Arial, Helvetica, sans-serif; float:left; font-size:12px; color:#999999; padding-top:4px;}

